.dx-size-default() {
    @GENERIC_NAVBAR_ICON_SIZE: 31px;
    @GENERIC_NAVBAR_BADGE_TOP: ~"11%";
}
.dx-size-compact() {
    @GENERIC_NAVBAR_ICON_SIZE: 26px;
    @GENERIC_NAVBAR_BADGE_TOP: ~"6%";
}

@GENERIC_NAVBAR_FOCUSED_ITEM_SHADOW: inset 0 0 0 1px @navbar-tab-focused-border-color;


.dx-navbar {
    padding: 0;
    border: none;
}

.dx-nav-item,
.dx-rtl .dx-nav-item {
    .dx-tab-text {
        line-height: normal;
    }

    .dx-navbar & .dx-icon {
        .dx-icon-sizing(@GENERIC_NAVBAR_ICON_SIZE);
    }

    &.dx-tab-selected,
    &.dx-state-focused,
    &.dx-state-active {
        &:after {
            content: none;
        }
    }

    &.dx-tab-selected {
        background: @navbar-tab-selected-bg;
    }

    &.dx-state-active {
        border: none;
        .box-shadow(none);
    }

    &.dx-state-focused {
        .box-shadow(@GENERIC_NAVBAR_FOCUSED_ITEM_SHADOW);
    }

    &.dx-state-disabled{
        .dx-icon {
            opacity: .5;
        }
    }
}

.dx-navbar-item-badge {
    margin-right: -26px;
    top: @GENERIC_NAVBAR_BADGE_TOP;
}

.dx-rtl .dx-navbar-item-badge {
    margin-left: -26px;
}
